<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Login | Media Vault</title>
	
	<!--icon-->
	<link rel="icon" href="images/mv.ico" type="">
	
	<!--CSS-->
    <link type="text/css" rel="stylesheet" href="css/body.css">
    <link type="text/css" rel="stylesheet" href="css/login.css">
  	<link type="text/css" rel="stylesheet" href="css/footer.css">
	
	<!--Ajax Scripts-->
	<script type="text/javascript" src="js/AjaxLogin.js"></script>
  </head>
  <body>
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

	<div class="Panel">
    <!--Left Side Bar-->
    	<div id="LeftSide">
              <div><img src="images/media_vault.jpg" width="260" height="250" id="right_image""/>
          </div>
      </div><!--End Left Side Bar-->
		 
        <!--Right Side Bar-->
        <div id="RightSide">
			<!--Login Panel header-->
       		 <div style="">
				<div id="welcome"> Welcome to Your Media Vault Login!!!</div>
				<label style="font-size:12px;">Please Enter Your Username & Password to Login...</label></br></br>
             </div>
			 
			 <!--Login Panel-->
            <div id="loginPanel">
                <div style="font-size:14px; float:left;">
                <form name="login" method="post" />
                Username : <br/><input name="username" id="username" type="text" size="40"/><br/> 
                Password :<br/><input id="password" name="password" type="password" size="40"/><br/>
                <p style="font-size:10px; margin-top:10px; margin-bottom:10px;"><a href="forgot_password.html"/>Forgot Username or Password</a></p>
                <input type="button" name="login" value="Login" onClick="ajaxLogin()"/><br/>
                </form>
              </div>
			  
				<!--Login right side Picture
				<div style="margin-left:200px; padding-left:50px; padding-right:20px;">
              	<img src="Images/qld_map.png" width="190" height="200" />
				</div>-->
			  
          	</div><!--End Login Panel-->
		</div><!--End Right Side Bar-->
	</div><!--End Panel-->

    </body>
	<!--Footer-->
	<!--#include file="Footer.html" -->
</html>